<div class="water-container">

  <nz-tabset [nzTabPosition]="'top'" [nzType]="'line'" [nzSelectedIndex]="selectedIndex"
    (nzSelectedIndexChange)="selectedIndexChange($event)">
    <nz-tab *ngFor="let tab of menus" [nzTitle]="tab.title">

      <div *ngIf="tab.value=='c1v1'">
        <nz-table #basicTable [nzData]="tableData" [nzScroll]="{ y: theight +'px' }">
          <thead>
            <tr>
              <th>采样点</th>
              <th>污染物</th>
              <th>CAS号</th>
              <th [nzSortPriority]="'val'" [nzSortFn]="nzSortFnVal">检测值</th>
              <th>筛选值</th>
              <th>管控值</th>
              <th>单位</th>
              <th  [nzSortPriority]="'mult'"  [nzSortFn]="nzSortFnMult">超标倍数</th>
              <th nzWidth="120px">操作</th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let data of basicTable.data">
              <td>{{ data.name }}</td>
              <td>{{ data.cas_name }}</td>
              <td>{{ data.cas_no }}</td>
              <td>{{ data.val }}</td>
              <td>{{ data.std }}</td>
              <td>{{ data.std2 }}</td>
              <td>{{ data.unit }}</td>
              <td >
                <div class="mult">
                  <div style="width: 20px;">
                    <i *ngIf="data.mult>10" style="color:red" nz-icon nzType="caret-up" nzTheme="outline"></i>
                  </div>
                  <div>
                    {{ data.mult }}
                  </div>

                </div>

              </td>
              <td><a>定位</a></td>
            </tr>
          </tbody>
        </nz-table>
      </div>

      <div *ngIf="tab.value=='c2v1'">
        <nz-table #basicTable [nzData]="tableData" [nzScroll]="{ y: theight +'px' }">
          <thead>
            <tr>
              <th>采样点</th>
              <th>污染物</th>
              <th>CAS号</th>
              <th [nzSortPriority]="'val'" [nzSortFn]="nzSortFnVal">检测值</th>
              <th>筛选值</th>
              <th>管控值</th>
              <th>单位</th>
              <th  [nzSortPriority]="'mult'"  [nzSortFn]="nzSortFnMult">超标倍数</th>
              <th nzWidth="120px">操作</th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let data of basicTable.data">
              <td>{{ data.name }}</td>
              <td>{{ data.cas_name }}</td>
              <td>{{ data.cas_no }}</td>
              <td>{{ data.val }}</td>
              <td>{{ data.std }}</td>
              <td>{{ data.std2 }}</td>
              <td>{{ data.unit }}</td>
              <td >
                <div class="mult">
                  <div style="width: 20px;">
                    <i *ngIf="data.mult>10" style="color:red" nz-icon nzType="caret-up" nzTheme="outline"></i>
                  </div>
                  <div>
                    {{ data.mult }}
                  </div>

                </div>

              </td>
              <td><a>定位</a></td>
            </tr>
          </tbody>
        </nz-table>
      </div>
    </nz-tab>
  </nz-tabset>

</div>
